.hmenu { /*background of menu bar (default state)*/ width: 100%; }
.hmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; }

/*Top level list items*/
.hmenu ul li{ position: relative; display: inline; float: left; }

/*Top level menu link items style*/
.hmenu ul li a{ display: block; /* background: #414141; color: white; */ }

/*IE6 hack to get sub menu links to behave correctly*/
* html .hmenu ul li a { display: inline-block; }

.hmenu ul li a:link, .hmenu ul li a:visited{ /*color: white;*/ }

/*CSS class that's dynamically added to the currently active menu items' LI A element*/
.hmenu ul li a.selected{ font-weight:normal !important; color: #9DA2B8!important; /*background: black; color: white;*/ }

/*background of menu items during onmouseover (hover state)*/
.hmenu ul li a:hover {  }

/*1st sub level menu*/
.hmenu ul li ul{ padding:3px !important; background:#101115; position: absolute; left: 0; display: none; visibility: hidden; }

/*Sub level menu list items (undo style from Top level List Items)*/
.hmenu ul li ul li{ display: list-item; float: none; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.hmenu ul li ul li ul{ top: 0; }

/* Sub level menu links style */
.hmenu ul li ul li a{ width: 160px; float:none !important; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0;  }

/* Holly Hack for IE \*/
* html .hmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{ position: absolute; top: 12px; right: 7px; }
.rightarrowclass{ position: absolute; top: 6px; right: 5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ opacity: 0.8; }